
<!-- src/components/AddressManager.vue -->
<template>
  <div class="order-page">
    <!-- 左侧导航栏 -->
    <Left_Nav></Left_Nav>

    <!-- 右侧内容区域 -->
    <main class="content">


      <Table2 />
    </main>
  </div>
</template>

<script setup>import Table2 from '@/components/Table2.vue'
import { useRouter } from 'vue-router'
import Left_Nav from "@/components/Left_Nav.vue";

const router = useRouter()

function addAddress() {
  router.push('/address/add') // 假设你有新增地址页面
}

function deleteAddress() {
  if (confirm('确定要删除选中的地址吗？')) {
    alert('地址已删除')
    // 这里可以添加实际的删除逻辑
  }
}
</script>

<style scoped>.actions {
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
}


/* 其他已有样式保持不变 */
.order-page {
  display: flex;
}

.sidebar {
  width: 200px;
  background-color: #f4f4f4;
  padding: 20px;
  height: 100vh;
}

.sidebar h3 {
  margin-bottom: 20px;
}

.sidebar ul {
  list-style: none;
  padding: 0;
}

.sidebar li {
  margin: 15px 0;
}

.sidebar a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

.sidebar a.router-link-exact-active {
  color: #1abc9c;
}

.content {
  flex: 1;
  padding: 20px;
}
</style>